<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="index.css" >
    <script type="application/javascript" src="../../js/own/own.js?animate,lattice,jquery,nicescroll" >

    </script>
</head>
<body class="own" >
    <div class="own-row">
        <div class=" own-col-md-9">
            <div class="grid-demo">你的内容 9/12</div>
        </div>
        <div class="own-col-md-3">
            <div class="grid-demo grid-demo-bg-1">你的内容 3/12</div>
        </div>
    </div>
<div class="own-row">
        <div class="own-col-xs-6 own-col-sm-6 own-col-md-4">
            <div class="grid-demo grid-demo-bg-1">50% | 33.33% | 33.33%</div>
        </div>
        <div class="own-col-xs-6 own-col-sm-6 own-col-md-4">
            <div class="grid-demo">50% | 66.67% | 33.33%</div>
        </div>
        <div class="own-col-xs-4 own-col-sm-12 own-col-md-4">
            <div class="grid-demo grid-demo-bg1">33.33% | 100% | 33.33%</div>
        </div>
        <div class="own-col-xs-4 own-col-sm-7 own-col-md-8">
            <div class="grid-demo grid-demo-bg2">33.33% | 50% | 66.67%</div>
        </div>
        <div class="own-col-xs-4 own-col-sm-5 own-col-md-4">
            <div class="grid-demo">33.33% | 50% | 33.33%</div>
        </div>
    </div>
</body>
</html>